<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title></title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="generator" content="" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
  <link href="css/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print" />
  <link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
  <script src="js/jquery-1.10.1.min.js" type="text/javascript">
</script>
  <script src="js/side.js" type="text/javascript">
</script><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body>
  <!-- Popup -->

  <div id="Popup">
    <!-- SubPopup -->

    <div id="SubPopup">
      <script type="text/javascript">
//<![CDATA[
      $(function(){
      $(".select").each(function(){
      var s=$(this);
      var z=parseInt(s.css("z-index"));
      var dt=$(this).children("dt");
      var dd=$(this).children("dd");
      var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};
      var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};
      dt.click(function(){dd.is(":hidden")?_show():_hide();});
      dd.find("a").click(function(){dt.html($(this).html());_hide();});
      $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});})})
      //]]>
      </script>
<form action="adduser.jsp" method="post">
      <div class="form_boxC">
        <p>"<span class="f_cB">*</span>"号为必填项目</p>

        <table cellpadding="0" cellspacing="0">
          <tr>
            <th width="100">账号 <span class="f_cB">*</span></th>

            <td>
              <div class="txtbox floatL" style="width:100px;">
                <input name="" type="text" size="5" value="张三" name="username" />
              </div>
            </td>
          </tr>

          <tr>
            <th>密码 <span class="f_cB">*</span></th>

            <td>
              <div class="txtbox floatL" style="width:100px;">
                <input name="" type="text" size="5" value="11111111" name="password" />
              </div>
            </td>
          </tr>

          <tr>
            <th>类型 <span class="f_cB">*</span></th>

            <td>
              <!-- selectbox -->

              <div class="selectbox" style="width:230px;">
                <dl class="select">
                  <dt>都市言情</dt>

                  <dd>
                    <ul>
                      <li><a href="#">玄幻修仙</a></li>

                      <li><a href="#">现代军事</a></li>

                      <li><a href="#">武侠古装</a></li>

                      <li><a href="#">搞笑</a></li>

                      <li><a href="#">其他</a></li>
                    </ul>
                  </dd>
                </dl>
              </div><!-- /selectbox -->
            </td>
          </tr>

          <tr>
            <th>性别 <span class="f_cB">*</span></th>

            <td>
              <!-- selectbox -->

              <div class="selectbox" style="width:230px;">
                <dl class="select">
                  <dt>请选择</dt>

                  <dd>
                    <ul>
                      <li><a href="#">男</a></li>

                      <li><a href="#">女</a></li>
                    </ul>
                  </dd>
                </dl>
              </div><!-- /selectbox -->
            </td>
          </tr>

          <tr>
            <th>合同时间 <span class="f_cB">*</span></th>

            <td>
              <!-- selectbox -->

              <div class="selectbox" style="width:230px;">
                <dl class="select">
                  <dt>1年</dt>

                  <dd>
                    <ul>
                      <li><a href="#">3年</a></li>

                      <li><a href="#">5年</a></li>

                      <li><a href="#">9个月</a></li>

                      <li><a href="#">6个月</a></li>

                      <li><a href="#">3个月</a></li>
                    </ul>
                  </dd>
                </dl>
              </div><!-- /selectbox -->
            </td>
          </tr>

          <tr>
            <th>默认通过审核</th>

            <td><input name="" type="checkbox" value="" /></td>
          </tr>

          <tr>
            <th>E-Mail <span class="f_cB">*</span></th>

            <td>
              <div class="txtbox floatL">
                <input name="" type="text" value="zhangsan@qq.com" />
              </div>
            </td>
          </tr>

          <tr>
            <th>备注</th>

            <td>
              <div class="txtbox">
                <textarea name="" cols="25" rows="5">
</textarea>
              </div>

              <p class="f_cB pdg_t5">最多500字</p>
            </td>
          </tr>
        </table>
      </div>
    </div><!-- SubPopup -->

    <div id="BtmBtn">
      <div class="btn_boxB floatR mag_l20">
        <input name="" type="button" value="取消" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" />
      </div>

      <div class="btn_box floatR">
        <input name="" type="button" value="提交" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" />
      </div>
    </div>
</form>
  </div><!-- /Popup -->
</body>
</html>
